<template>
<!--  <div id="scroll-board">-->
    <div class="com-container" style="border-radius: 15px">
      <div class="com-chart"  >
<!--        <span style="margin-top: 2px;margin-left: 10px;font-size: 35px;font-family: 华文楷体,serif" >&nbsp; ▎交易平台
&lt;!&ndash;          <span style="float: right;font-size: small;padding-left: 10px;cursor:pointer; margin-top: 2px;margin-right: 10px" @click="jiaoyi">进入&nbsp;&nbsp;
          </span>&ndash;&gt;
        </span>-->
        <dv-scroll-board :config="config" style="font-size: 20px" />


      </div>
    </div>

<!--  </div>-->
</template>

<script>
export default {
  name: 'scroll',
  data () {
    return {
      config: {
       // header: ['时间', '病害信息', '数量', '标段'],
        data: [
          ['山西大象有限公司','山西养殖公司','西门塔尔牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1706','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥2206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','西门塔尔牛','￥3206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥6206','刘某某'],
          ['山西大象有限公司','山西养殖公司','西门塔尔牛','￥9206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','加拿大牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥3706','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','夏洛莱牛','￥5206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥5106','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
          ['山西畜牧有限公司','山西养殖公司','安格斯牛','￥1206','刘某某'],
        ],
        indexHeader:'▎',
        header:['买方','卖方','品种','成交金额(万)','承运人'],
        rowNum: 8,
        columnWidth: [190,190,140,160,100],
        headerBGC: '#0b121a',
        oddRowBGC: 'rgb(10,65,199,.1)',
        evenRowBGC: '#0b121a'
      },
    }
  },
  methods:{
    jiaoyi(){
      console.log("点击");
    }
  }
}
</script>

<style lang="less">
.dv-scroll-board .rows .row-item{
  font-size: 16px
}
.dv-scroll-board .header{
  font-size: 16px
}
.header-item {
  color: #23afe7;
  font-size: 20px;
}
</style>
